<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html页面</title>
    <link href="../css/base.css" type="text/css" rel="stylesheet">
    <style type="text/css">
        /*内部css样式*/
        /*标签选择器*/
        div {
            border: solid #7BC5EA;
            margin: 5px 5px;
            padding: 6px 3px;
        }

        #p2>div >div{
            margin-top:30px;
        }
    </style>
</head>
<body>
<div>
    <!--标签的style属性中的样式就是，内联css样式-->
    <div style="color: green;">这是一个div~~~</div>
    <div id="p2">
        这是一个div~~~
        <div>这是一个子div~~~</div>
        <div>这是一个子div~~~</div>
        <div>这是一个子div~~~
            <div>这是一个子子div~~~</div>
            <div>这是一个子子div~~~</div>
        </div>
        <div>这是一个子div~~~</div>
        <span>这是一个div</span>
    </div>

    <div>这是一个div~~~</div>
    <div>这是一个div~~~</div>
    <div class="pcolor">这是一个div~~~

    </div>
    <div>这是一个div~~~</div>


</div>
</body>
</html>